<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<TITLE>Locator Sample Home Page</TITLE>
</HEAD>
<BODY>
	<H2>Welcome to the Locator Sample Home Page</H2>
	<table border="1" width='450px'>
		<caption>List of Rooms Available</caption>
		<thead>
			<tr>
				<th>Location</th>
				<th>Room Id</th>
				<th>Name</th>
				<th>Comments</th>
			</tr>
		</thead>
		<tbody id='lstRooms'></tbody>
		<tfoot>
			<tr>
				<th>Total Room:</th>
				<th id='txtTotalRoom'>0</th>
				<th id='txtMessage' colspan="2"></th>
			</tr>
		</tfoot>
	</table>
	<input id="btnList" value="List All" type="button" onClick='listAll()' />
	<HR />
	<form>
		Location:<input id="txtRoomLoc" type="text" size='20' value='khtp' /><br />
		Room Id:<input id="txtRoomId" type="text" size='20' value='khtp002' /><br />
		Name:<input id="txtRoomName" type="text" size='20' value='Pangkor' /><br />
		Comments:<input id="txtRoomComm" type="text" size='50'
			value='Meeting room' />
	</form>
	<br />
	<input id="btnAdd" value="Add Room" type="button" onClick='addRoom()' />
	<input id="btnFillNew" value="Fill New Rooms" type="button"
		onClick='fillNewRooms()' />

	<HR />
	Find Room in:
	<input id="txtLocation" type="text" size='20' value='khtp' />
	<br />
	<br />
	<input id="btnFind" value="Find Room" type="button" onClick='find()' />
	<br />
	<br /> Delete Room Id:
	<input id="txtDelId" type="text" size='20' value='khtp003'  />
	<input id="btnDelete" value="Delete Room" type="button"
		onClick='delRoom()' />
	<br />
	<br />

	<script type="text/javascript" charset="utf-8" src="../lib/jquery.js"></script>
	<script type="text/javascript" charset="utf-8" src="../lib/ejs-min.js"></script>
	<script type="text/javascript" charset="utf-8" src="../lib/json2.js"></script>
	<script type="text/javascript" charset="utf-8"
		src="../lib/mi-jqcomps.js"></script>
	<script type="text/javascript" charset="utf-8"
		src="./index-controller.js"></script>
	<UL>
		<LI><A HREF="../index.html">Back</A></LI>
	</UL>
</BODY>
</HTML>
